<div>
    <section id="ultimas">

        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">Ultimas interacciones!</div>

            <!-- Table -->
            <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>TITULO OBRA</th>
                        <th>AUTOR</th>
                        <th>PROPIETARIO</th>
                        <th>INSTRUMENTOS</th>
                        <th>LINKS</th>
                        <th>FAVS</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in partiturasBuscadas %}
                        <tr>
                            <td>{{ item.id }}</td>
                            <td>{{ item.tituloObra }}</td>
                            <td>{{ item.autor }}</td>
                            <td><a href="{{ path('usuario_perfil', {'username': item.propietario.username }) }}">{{ item.propietario.username }}</a></td>
                            <td>{{ item.instrumentos }} </td>
                            <td><a href="{{ path('visualizar_partitura', {'id': item.id }) }}">Sheet</a></td>
                            <td><a href="{{ path('partitura_favorita', {'id': item.id }) }}" data-id="{{ item.id }}" class="FavBtn">Fav</a> </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <!--                <table border="1" align="center"> -->
    </section>

</div>
<div class="result" ></div>
<script>

    $(document).ready(function() {
        $(".FavBtn").click(function() {
            var value = $('.FavBtn').data('id');
            $('#result').load($(this).attr('href'));
        });
    });

</script>
